<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <title>Document</title>
    <link rel="stylesheet" href="./static/css/base.css?v1.19">
    <link rel="stylesheet" href="./static/css/index.css?v1.19">
</head>
<body>
    <img src="./static/images/index/banner.jpg" width="100%">
    <div class="fenlei">
        <div class="title">
            <h2>红枫借贷分类</h2>
            <span>CLASSFICATION</span>
        </div>

        <ul>
            <li>
                <img src="./static/images/index/icon1.jpg">
                <h3>银行信用贷款</h3>
                <p>银行机构</p>
                <span>最低利率0.5%</span>
            </li>

            <li>
                <img src="./static/images/index/icon2.jpg">
                <h3>房产抵押贷款</h3>
                <p>有房就可贷</p>
                <span>最低利率0.47%</span>
            </li>

            <li>
                <img src="./static/images/index/icon3.jpg">
                <h3>车产抵押贷款</h3>
                <p>有车就可贷</p>
                <span>最低利率0.5%</span>
            </li>

            <li>
                <img src="./static/images/index/icon4.jpg">
                <h3>小额贷款</h3>
                <p>应急贷款</p>
                <span>最快放款时间：当天</span>
            </li>
        </ul>
    </div>

    <div class="youshi">
        <div class="title">
            <h2>红枫借贷优势</h2>
            <span>ADVANTAGE</span>
        </div>
        <img src="./static/images/index/youshi.jpg" width="100%">
    </div>

    <div class="buzhou">
        <div class="title">
            <h2>简单3步，借钱如此简单</h2>
            <span>THREE SIMPLE STEPS</span>
        </div>
        <img src="./static/images/index/steps.jpg" width="100%">
    </div>
    
    <h2 class="tit">及时成交案例推送</h2>
    <div class="case">
        <ul>
            <li>
                <div class="info">
                    <p>张先生</p>
                    <span>181****3522</span>
                </div>

                <h3>成功贷款10万！</h3>
            </li>

            <li>
                <div class="info">
                    <p>陈女士</p>
                    <span>139****6595</span>
                </div>

                <h3>成功贷款25万！</h3>
            </li>

            <li>
                <div class="info">
                    <p>马先生</p>
                    <span>138****6699</span>
                </div>

                <h3>成功贷款11万！</h3>
            </li>

            <li>
                <div class="info">
                    <p>夏先生</p>
                    <span>152****6852</span>
                </div>

                <h3>成功贷款15万！</h3>
            </li>

            <li>
                <div class="info">
                    <p>赵女士</p>
                    <span>177****4665</span>
                </div>

                <h3>成功贷款12万！</h3>
            </li>

            <li>
                <div class="info">
                    <p>李女士</p>
                    <span>189****5826</span>
                </div>

                <h3>成功贷款30万！</h3>
            </li>
            <li>
                <div class="info">
                    <p>张先生</p>
                    <span>181****3522</span>
                </div>

                <h3>成功贷款10万！</h3>
            </li>

            <li>
                <div class="info">
                    <p>陈女士</p>
                    <span>139****6595</span>
                </div>

                <h3>成功贷款25万！</h3>
            </li>

            <li>
                <div class="info">
                    <p>马先生</p>
                    <span>138****6699</span>
                </div>

                <h3>成功贷款11万！</h3>
            </li>

            <li>
                <div class="info">
                    <p>夏先生</p>
                    <span>152****6852</span>
                </div>

                <h3>成功贷款15万！</h3>
            </li>

            <li>
                <div class="info">
                    <p>赵女士</p>
                    <span>177****4665</span>
                </div>

                <h3>成功贷款12万！</h3>
            </li>

            <li>
                <div class="info">
                    <p>李女士</p>
                    <span>189****5826</span>
                </div>

                <h3>成功贷款30万！</h3>
            </li>
        </ul>
    </div>

    <div class="form">
        <img src="./static/images/index/tab.jpg">
        <input type="text" placeholder="您的姓名">
        <input type="text" placeholder="您的手机号码">
        <input type="text" placeholder="您想申请贷款金额">
        <input type="text" placeholder="请输入验证码" class="yzm"><button>点击获取</button>
        <button class="submit">提交申请</button>
    </div>
    
    
    <script src="./static/js/jquery.min.js"></script>
    <script src="./static/js/base.js?v1.19"></script>

    <script>
        $('.case ul').clone().appendTo('.case');
        var i=0;
        var num=1;
        var time=setInterval(function(){
            i-=1;
            var top=Number($('.case ul').eq(0).css('top').split('px')[0]);
            if(top<=-380*num){
                $('.case ul').eq(0).clone().appendTo('.case');
                num++;
            }
            $('.case ul').css('top',i+'px');
        },30)
    </script>
</body>
</html>